<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../../css/toolBar.css" rel="stylesheet" type="text/css"/>

    <link href="../../css/DSflex.css" rel="stylesheet" type="text/css"/>
    <style>
        body{
            background: #F6F6F6;
        }
    </style>
</head>
<body>
<div class="warp">
    <!--基于Flex布局-->
    <div class="toolbar layout-flex-justify-content_space-between flex-middle-x">
        <div class="flex-middle-x" style="width: 60px">
            <img src="../../img/back.png">
            <span>返回</span>
        </div>
        <div class="title ">
            看电影
        </div>
     <!--   style="width: 60px;background: red;text-align: right;padding-right: 5px"-->
        <div class="flex-middle-x" >
            <img src="../../img/close.png">
            <span style="margin-right: 10px">关闭</span>
        </div>
    </div>


    <!--基于浮动布局-->
    <div class="toolbar2 clear" style="margin-top: 60px;text-align: center;line-height: 55px">
        <div class="back2 fl" style="background: #ff8b56; ">
            <img src="../../img/back.png">
            <span style="font-size:15px;">返回</span>
        </div>

        <div class="title2 " style="background: goldenrod ;height: 55px;display: inline-block">
            <span>看电影2</span>
        </div>

        <!--   style="width: 60px;background: red;text-align: right;padding-right: 5px"-->
        <div class="close2 fr" style="background: green;height: 55px" >
            <img src="../../img/close.png">
            <span >关闭</span>
        </div>
    </div>



    <!--基于postion浮动 -->
    <div class="toolbar3" style="position: relative;margin-top: 60px">
        <div class="back3" style="width: 60px">
            <img src="../../img/back.png">
            <span>返回</span>
        </div>
        <div class="title3 ">
            看电影3
        </div>
        <!--   style="width: 60px;background: red;text-align: right;padding-right: 5px"-->
        <div class="close3" >
            <img src="../../img/close.png">
            <span style="margin-right: 10px">关闭</span>
        </div>
    </div>









</div>
</body>
</html>